@charset "utf-8";

/** 主题 **/

/**页面01**/
/*top*/
.gsCon{ width: 1200px; height:auto; margin: 0 auto; overflow: hidden;}
.gsBox{ width: 1212px; height:auto; }
.gsBox a{ display: block; float: left; width: 291px; height: 200px; margin: 12px 12px 0 0;  color: #fff; font: 700 20px/200px "Microsoft YaHei",Arial,"宋体"; text-align: center;}
.gsBox a.colo1{ background: #DF2E8B;}
.gsBox a.colo2{ background: #37B369;}
.gsBox a.colo3{ background: #F09609;}
.gsBox a.colo4{ background: #D8D100;}
.gsBox a.colo5{ background: #76C8CA;}
.gsBox a.colo6{ background: #E94530;}
.gsBox a.colo7{ background: #70B6F1;}
.gsBox a.colo8{ background: #E00068;}

/*main*/
.theme_bg{ width: 100%; height: auto; background: #fff; border-top: #e5e5e5 solid 1px; margin-top: 20px; padding-bottom: 40px; overflow: hidden;}
.themeBox{ width: 1200px; margin: 0 auto; overflow: hidden;}

/*left*/
.themelist{ width: 976px; height: auto; float: left; overflow: hidden; }

.themelist h3{width: 956px; height: 30px; margin-top: 25px; padding-bottom: 8px; font: 700 18px/30px "微软雅黑",Arial,"宋体";}

.themelist h3.bord1{border-bottom: 2px solid #DF2E8B;}

.themelist h3.bord1 a{color:#DF2E8B; }

.themelist h3.bord2{border-bottom: 2px solid #37B369;}

.themelist h3.bord2 a{color:#37B369; }

.themelist h3.bord3{border-bottom: 2px solid #70b6ef;}

.themelist h3.bord3 a{color:#70b6ef; }

.themelist h3.bord4{border-bottom: 2px solid #F09609;}

.themelist h3.bord4 a{color:#F09609; }

.themelist h3.bord5{border-bottom: 2px solid #E94530;}

.themelist h3.bord5 a{color:#E94530; }

.themelist h3.bord6{border-bottom: 2px solid #3AA400;}

.themelist h3.bord6 a{color:#3AA400; }

.themelist h3.bord7{border-bottom: 2px solid #E94530;}

.themelist h3.bord7 a{color:#E94530; }

.themelist h3.bord8{border-bottom: 2px solid #25782C;}

.themelist h3.bord8 a{color:#25782C; }

.themelist h3.bord9{border-bottom: 2px solid #F09609;}

.themelist h3.bord9 a{color:#F09609; }

.themelist h3.bord10{border-bottom: 2px solid #E00068;}

.themelist h3.bord10 a{color:#E00068; }

/*线路部分*/
.cpbox{margin-top: 10px; width: 976px; height: auto; overflow: hidden;}

.cpbox li{width: 224px; height: auto; float: left; margin-right: 20px; overflow: hidden; position: relative;}

.cpbox li img{ display: block; width: 224px; height: 140px; position: relative;}

.cpbox li p.theme_txt{width: 224px; height: 44px; margin-top: 5px; font: 400 14px/22px "微软雅黑",Arial,"宋体"; overflow: hidden;}

.cpbox li p.theme_pre{width: 224px; height: 30px; font: 400 12px/30px Verdana, Arial, "宋体"; color: #F80;}

.cpbox span.icon{ display: block; width: 60px; height: 30px; background: url(../images/all.png) no-repeat; font: 700 12px/30px "Microsoft YaHei",Arial,"宋体"; color: #fff; text-align: center; position: absolute; top: 0px; left: 10px;}
.cpbox span.icon-rx{ background: #E82626;}
.cpbox span.icon-gj{ background: #FFAE00;}
.cpbox span.icon-tj{ background: orangered;}

/*right*/
.theme_sidebar{width:222px; height:auto; border:1px solid #E5E5E5; border-top: 0; margin-top: 25px; _display:inline; float:right; overflow:hidden;}

.noMargin{ margin-top: 0;}

.theme_sidebar h3{padding:4px 15px; height:30px; font:700 16px/30px "微软雅黑", Arial, "宋体"; background:#F5F4F4; border-bottom:1px solid #DDD; border-top:1px solid #DDD;}

.noMargin h3{ height: 24px; padding: 10px 15px; font: 700 16px/24px "Microsoft YaHei",Arial,"宋体";}

.th_line{ width:202px; height:auto; padding:0 10px; background: #fff; overflow:hidden;}

.th_line li{width:202px; padding:15px 0; line-height:22px; border-bottom:1px solid #E5E5E5; overflow:hidden;}

.th_line li img{display:block; width:202px; height:126px; margin-bottom:8px;}

.th_line li p{ height:30px; line-height:30px;}

.th_line li p span{color:#F80; font:400 12px/30px Verdana, Arial, "宋体";  vertical-align:middle;}

.th_line li p em{color:#999; font-family:Verdana, Arial, "宋体"; margin-left:10px; text-decoration: line-through;}





/**列表页**/
.ztBox{ width: 1200px; margin: 0 auto; overflow: hidden;}

.ztMain{ float: left; width: 956px; overflow: hidden;}
/*筛选*/
.ztMain_sx{ width: 954px; height: auto; border: 1px solid #E5E5E5;  background: #fff; overflow: hidden;}
.ztMain_sx li{ width: 914px; height: 24px; padding: 10px 20px; border-bottom: 1px dotted #e1e1e1;font: 100 12px/24px "Microsoft YaHei",Arial,"宋体"; overflow: hidden;}
.ztMain_sx li.noborder{ border: 0;}
.ztMain_sx li span{ display: block; float: left; color: #666; }
.ztMain_sx li a{ display: block; float: left; height: 24px; padding: 0 5px; margin-right: 10px; border-radius: 4px; color: #666; }
.ztMain_sx li a.current{ background: #3FB7FF;color: #fff;}
/*
.ztMain_sx li a.more{ float: right; background: #c7c7c7;color: #fff;}
.ztMain_sx li a.more em{ display: inline-block; float: right; width: 8px; height: 8px; background: url(../images/all.png) no-repeat -57px -1003px; margin: 8px 0 0 5px;}
.ztMain_sx li a.on em{ background-position: -67px -1006px; margin-top: 10px;}
*/

.ztMain_sx li.choic{ background: #f8f8f8;}
.ztMain_sx li.choic a{ background: #ababab; color: #fff;}
.ztMain_sx li.choic a em{ display: inline-block; float: right; width: 9px; height: 10px; background: url(../images/all.png) no-repeat 0 -507px; margin: 8px 0 0 5px;}

/*产品*/
.ztMain_cp{width: 956px; height: auto; float: left; overflow: hidden;}

.line_px{ width: 954px; height: 40px; background: #f5f5f5; border: 1px solid #e1e1e1; border-bottom: 0; margin-top: 20px;}
.line_px a{ display: block; height: 40px; float: left; padding: 0 20px; font: 100 14px/40px "Microsoft YaHei",Arial,"宋体"; color: #666;}
.line_px a em{ width: 11px; height: 6px; float: right; background: url(../images/all.png) no-repeat -21px -475px; margin: 18px 0 0 5px;}
.line_px a.on{ background: #3FB7FF; color: #fff;}
.line_px a.on em{ background-position: -20px -424px;}

.linelist{ float: left; width: 954px; height: auto; border: 1px solid #e1e1e1; background: #fff; overflow: hidden;}

.listCp_item{ width: 924px; height: auto; padding: 15px; background: #fff; border-bottom: 1px solid #e1e1e1; overflow: hidden; }

.imgBox{ float: left; width: 320px; height: 200px;}
.imgBox a{ display: block; width: 320px; height: 200px;}
.imgBox img{ display: block; width: 320px; height: 200px;}

.fontBox{ float: right; width: 574px; height: auto; padding: 10px 5px 10px 15px; overflow: hidden; position: relative;}
.fontBox em.icon{ display: block; width: 60px; height: 26px; background: url(../images/all.png) no-repeat;font: 700 12px/26px "Microsoft YaHei",Arial,"宋体"; color: #fff; text-align: center; text-indent: -9999px; position: absolute; top: 10px; left: 100px;}
.fontBox em.icon-rx{ background: #E82626;}
.fontBox em.icon-gj{ background: #FFAE00;}
.fontBox em.icon-tj{ background: orangered;}


.fontBox_prc{ width: 574px; height: 30px; overflow: hidden;}
.fontBox_prc span{ display: block; float: left; height: 28px; padding: 0 10px; border: 1px solid #F80; font: 100 14px/28px "Microsoft YaHei",Arial,"宋体"; text-align: center;}
.fontBox_prc span.type_gty{ border: 1px solid #F80; color: #F80;}
.fontBox_prc span.type_zyx{ border: 1px solid #3FB7FF; color: #3FB7FF;}
.fontBox_prc span.type_bzz{ border: 1px solid #00c17b; color: #00c17b;}
.fontBox_prc em{ display: block; float: right; height: 30px; font: 100 28px/30px "Microsoft YaHei",Arial,"宋体"; color: #F80;}

.fontBox_tit{ width: 574px; height: 22px; font: 700 16px/22px "Microsoft YaHei",Arial,"宋体"; color: #333; margin-top: 16px; overflow: hidden;}

.fontBox_txt02{ width: 574px; height: 44px; font: 100 12px/22px "Microsoft YaHei",Arial,"宋体"; color: #999; margin-top: 20px; overflow: hidden; }

.fontBox_msg{ width: 574px; height: 35px; margin-top: 20px; overflow: hidden; }
.fontBox_date{ float: left; width: 424px; height: 34px; border-top: 1px dotted #ccc; font: 100 14px/34px "Microsoft YaHei",Arial,"宋体"; color: #666; }
.fontBox_date em{ margin: 0 10px;}
.fontBox_yd{ float: right; width: 110px; height: 35px; background: #F80; font: 100 20px/35px "Microsoft YaHei",Arial,"宋体"; color: #fff; text-align: center; border-radius: 2px;}
.fontBox_yd:hover{ background: #f60; color: #fff;}